<!-- 导航头复用组件 -->
<template>
        <div class="navheader">
                <!-- <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                  <el-radio-button label="left">{{title}}</el-radio-button>
                </el-radio-group>

                <navtwo />
            
                <el-tabs :tab-position="tabPosition" style="height: 200px;">
                  <el-tab-pane label="用户管理">用户管理</el-tab-pane>
                  <el-tab-pane label="配置管理">配置管理</el-tab-pane>
                  <el-tab-pane label="角色管理">角色管理</el-tab-pane>
                  <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
                </el-tabs> -->
            <el-tabs type="border-card">
              <el-tab-pane :label="title1"><navtwo /></el-tab-pane>
              <el-tab-pane :label="title2"><navtwo /></el-tab-pane>
              <el-tab-pane :label="title3"><navtwo /></el-tab-pane>
              <el-tab-pane :label="title4"><navtwo /></el-tab-pane>
              <el-tab-pane :label="title5"><navtwo /></el-tab-pane>
            </el-tabs>

            <router-view />
        </div>
    <!-- <div class="navheader">
        <el-tabs type="border-card">
          <el-tab-pane>
                <span slot="label"><i class="el-icon-date"></i>用户管理</span>
                <div class="show">
                    <navtwo />
                    <div class="body">
                        <div class="tree">
                            <treenav />
                        </div>
                        <div class="info">
                            <list />
                        </div>
                    </div>
                    <router-view />
                </div>
          </el-tab-pane>
          <el-tab-pane label="部门管理">
              <div class="show">
                    <navtwo />
                    <router-view></router-view>
              </div>
          </el-tab-pane>
          <el-tab-pane label="角色管理">
              <div class="show">
                    <navtwo />
                    <treenav />
                    <router-view></router-view>
              </div>
          </el-tab-pane>
          <el-tab-pane label="模块管理">
                <navtwo />
                <router-view></router-view>
          </el-tab-pane>
          <el-tab-pane label="权限管理">
                <navtwo />
                <router-view></router-view>
          </el-tab-pane>
          <el-tab-pane label="策略管理">
                <navtwo />
                <router-view></router-view>
          </el-tab-pane>
          <el-tab-pane label="权限池管理">
                <navtwo />
                <router-view></router-view>
          </el-tab-pane>
        </el-tabs>
    </div> -->
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css'
import navtwo from '@/components/navtwo.vue'


export default {
    data() {
        return {
       
            title1:'用户管理',
            title2:'部门管理',
            title3:'策略管理',
            title4:'权限池',
            title5:'权限管理'
        }
    },
    components: {
        navtwo,
    },
}
</script>


<style scoped>

</style>
        